// to use for extended options on the same page 

function ExtendedOptionContainer(obj)
{
    this.container = obj;
}

ExtendedOptionContainer.prototype = 
{
    clear: function()
    {
        while (this.container.hasChildNodes())
        {
            this.container.removeChild(this.container.firstChild);
        }
        this.container.style.display = "none";
    },
    
    setDisplay: function(display)
    {
        this.container.style.display = (display ? "block" : "none" );
    },
    
    isVisible: function()
    {
        return !(this.container.style.display == 'none' || !(this.container.style.display));
    },
    
    appendChild: function(obj)
    {
        this.container.appendChild(obj);
    }
}